page{background: #F7F7F7;font-size: 24rpx;}
.all-box{margin-bottom:400rpx;}
.row-cell-box{display:flex;justify-content: space-between;align-items: center;
   .left{
	   width: 50%;
   }
   .right{
	   .right-icon{margin-left: 20rpx;}
   }
}
.bg-white{background: white;}
.font12{font-size: 24rpx;}
.font23{font-size: 46rpx;}
.font14{font-size: 28rpx;}
.font40{font-size:40rpx;}
.font-gray{color: #888888;}
.main-font-color{color: #69A4FE;}
.margin-lrtb30{margin:30rpx;}
.margin-t20{margin-top: 20rpx;}
.margin-b30{margin-bottom: 30rpx;}
.margin-lr60{margin-left: 60rpx;margin-right: 60rpx;}
.addressVal{padding-bottom: 30rpx;padding-left: 30rpx;padding-right: 30rpx;margin-top: 30rpx;}
.top-bg{
	background: #69A4FE;height: 60rpx;width: 100%;
}
.address-box{
	margin: 30rpx;
	padding:0 30rpx;
	border-radius: 10rpx;
	background: white;
	margin-top: 260rpxx;
	font-size: 28rpx;
	height: 140rpx;display: flex;justify-content:flex-start;align-items: center;
	.location{width:80rpx;color: #69A4FE;}
	.name-phone-address{width:580rpx;
	   .item{margin:8rpx 0;}
	}
	.right-icon{width:70rpx;text-align:right;}
	
}
.step{
	background: white;margin:0 30rpx;border-radius:10rpx;position: relative;top:-60rpx;padding-top:20rpx;padding-bottom:20rpx;
	image{width: 100%;}
    .step-text{display: flex;justify-content: center;flex-direction: row;align-items: center;
	    .item{width: 25%;color:#888888;font-size:24rpx;text-align: center;margin-top: 20rpx;}
	}
	.step-icon{display: flex;justify-content: center;flex-direction: row;align-items: center;
	    .item{width: 25%;text-align: center;display: flex;justify-content: center;align-items: center;
		     
		     .icon{
				 padding:6rpx;border-radius:50%;
				 background:#D8D8D8;position: relative;z-index: 20;
				 .inner-icon{
				 		width:10rpx; height:10rpx;background: #D8D8D8;border-radius: 50%;border:4rpx solid #D8D8D8;
				 }
				
				&::after{position: absolute;
				content: '';
				display: block;
				width: 74rpx;
				height: 2px;
				background: #D8D8D8;
				left: 30rpx;
				top: 15rpx;
				
								}
								&::before{position: absolute;
				content: '';
				display: block;
				width: 74rpx;
				height: 2px;
				background: #D8D8D8;
				right: 24rpx;
				top: 15rpx;
				
								
								}
				 &.step1::after{
					 background: #69A4FE;
				 }
				 &.step2::before{
				 					 background: #69A4FE;
				 }
				 &.step2::after{
				 					 background: #69A4FE;
				 }
				&.step3::before{
									 background: #69A4FE;
				}
				&.step3::after{
									 background: #69A4FE;
				}
				&.step4::before{
									 background: #69A4FE;
				}
				&.step4::after{
									 background: #69A4FE;
				}
				 &.first::before{display: none;}
				  &.last::after{display: none;}
				 &.active{
					 padding:6rpx;
					 background:#69A4FE;
					 .inner-icon{
					 		width:10rpx; height:10rpx;background: #69A4FE;border-radius: 50%;border:4rpx solid #ffffff;
					 }
				 }
				 
			 }
		}
		
	}
}
.m-container{
	position: relative;top: -40rpx;
	.success-txt{text-align: center;
		.title{font-weight: bold;font-size: 34rpx;margin-bottom: 30rpx;}
		.desc{color: #888888;}
		.circle{
			width: 106rpx;height: 106rpx;background:#07C160;border-radius:50%;display: flex;align-items: center;justify-content: center;margin: auto;
			margin-bottom:40rpx;margin-top:140rpx;
			.iconfont{color: white;font-size:80rpx;}
		}
	}

}

.fixed-bottom-box{
	border-top: 1px solid #F7F7F7;
	position: fixed;left: 0;right: 0;bottom: 0;font-size: 32rpx;
	// background: white;
	.inner{
		display: flex;align-items: center;justify-content: center;flex-direction: row;height:100rpx;padding: 30rpx;
		.back-btn{background: #69A4FE;color: white;font-size: 32rpx;text-align: center;height: 90rpx;border-radius:50rpx;width: 100%;line-height: 90rpx;}
	}
	
}
.border-bottom-line{position: relative;width: 100%;height: 1rpx;
   &::after{
	   position: absolute;left: -30rpx;right: -30rpx;border-bottom: 1rpx solid #F7F7F9;bottom:0rpx;display: block;content: '';
   }
}

.footer-area{
		position: fixed;left: 0;right: 0;background: white;bottom:0;
		.inner{
			display: flex;justify-content: center;align-items: center;margin-bottom: 30rpx;
			.btn{width: 90%;height:90rpx;line-height: 90rpx;background:#69A4FE;color: white;font-size: 32rpx;text-align: center;border-radius:50rpx;}
		}
		
	
	}
.uni-list-cell {
    justify-content: flex-start
}
.logtext{
	    text-align: center;
	    color: #03A9F4;
	    padding: 20rpx;
	
}